
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Bosto</title>

    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/all.min.css">
    <link rel="stylesheet" href="../css/animate.css">
    <link rel="stylesheet" href="../css/nice-select.css">
    <link rel="stylesheet" href="../css/owl.min.css">
    <link rel="stylesheet" href="../css/odometer.css">
    <link rel="stylesheet" href="../css/magnific-popup.css">
    <link rel="stylesheet" href="../css/flaticon.css">
    <link rel="stylesheet" href="../css/main.css">

    <link rel="shortcut icon" href="../img/favicon.png" type="image/x-icon">
</head>

<body>

    
    <div class="overlayer" id="overlayer">
        <div class="loader">
            <div class="loader-inner"></div>
        </div>
    </div>
    <a href="#0" class="scrollToTop"><i class="fas fa-angle-up"></i></a>
    <div class="overlay"></div>
    <!-- ==========Header Section Starts Here========== -->
    <header>
        <div class="header-top">
            <div class="container">
                <div class="header-top-wrapper">
                    <span>Success your Business</span>
                    <select class="select-bar">
                        <option value="en">English</option>
                        <option value="bn">Brazil</option>
                        <option value="pk">Romania</option>
                        <option value="in">Sweden</option>
                        <option value="in">India</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="header-middle">
            <div class="container">
                <div class="header-wrapper">
                    <div class="logo d-none d-lg-block">
                        <a href="index.html"><img src="../img/logo/logo.png" alt="logo"></a>
                    </div>
                    <div class="info-area">
                        <div class="info-item">
                            <div class="info-thumb">
                                <i class="flaticon-email"></i>
                            </div>
                            <div class="info-content">
                                <h6 class="title">Email Address</h6>
                                <a href="Mailto:companyemail@gmail.com"><span class="__cf_email__" data-cfemail="5f3c30322f3e31263a323e36331f38323e3633713c3032">[email&#160;protected]</span></a>
                            </div>
                        </div>
                        <div class="info-item">
                            <div class="info-thumb">
                                <i class="flaticon-map"></i>
                            </div>
                            <div class="info-content">
                                <h6 class="title">Office Address</h6>
                                <span>1209 Elephent Road, Uttara</span>
                            </div>
                        </div>
                        <div class="info-item">
                            <ul class="header-social">
                                <li>
                                    <a href="#0"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-google-plus-g"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="header-area style-2">
                    <div class="logo d-lg-none">
                        <a href="index.html"><img src="../img/logo/footer-logo2.png" alt="logo"></a>
                    </div>
                    <ul class="menu">
                        <li>
                            <a href="#0">Home</a>
                            <ul class="submenu">
                                <li>
                                    <a href="index.html">Home One</a>
                                </li>
                                <li>
                                    <a href="#0">Home Two</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="about.html">About</a>
                        </li>
                        <li>
                            <a href="#0">Services</a>
                            <ul class="submenu">
                                <li>
                                    <a href="service.html">Services</a>
                                </li>
                                <li>
                                    <a href="service-details.html">Service Details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">Team</a>
                            <ul class="submenu">
                                <li>
                                    <a href="team.html">Team Members</a>
                                </li>
                                <li>
                                    <a href="team-details.html">Team Details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">Project</a>
                            <ul class="submenu">
                                <li>
                                    <a href="project.html">project</a>
                                </li>
                                <li>
                                    <a href="project-details.html">project details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">Pages</a>
                            <ul class="submenu">
                                <li>
                                    <a href="gallery.html">Gallery</a>
                                </li>
                                <li>
                                    <a href="#0">Shop</a>
                                    <ul class="submenu">
                                        <li>
                                            <a href="shop.html">Shop</a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html">Shop Details</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#0">Account</a>
                                    <ul class="submenu">
                                        <li>
                                            <a href="sign-up.html">Sign Up</a>
                                        </li>
                                        <li>
                                            <a href="sign-in.html">Sign In</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="pricing-plan.html">Pricing Plan</a>
                                </li>
                                <li>
                                    <a href="privacy-policy.html">Privacy & Policy</a>
                                </li>
                                <li>
                                    <a href="terms-condition.html">Terms & Condition</a>
                                </li>
                                <li>
                                    <a href="refund-policy.html">Refund Policy</a>
                                </li>
                                <li>
                                    <a href="faq.html">Faqs</a>
                                </li>
                                <li>
                                    <a href="404.html">Error Page</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#0">News</a>
                            <ul class="submenu">
                                <li>
                                    <a href="blog.html">Blog</a>
                                </li>
                                <li>
                                    <a href="blog-details.html">Blog Details</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="contact.html">Contact Us</a>
                        </li>
                        <li class="ml-auto">
                            <a href="#0" class="search-bar"><i class="fas fa-search"></i></a>
                        </li>
                    </ul>
                    <div class="header-bar2 ml-auto d-lg-none">
                        <i class="fas fa-ellipsis-h"></i>
                    </div>
                    <div class="header-bar d-lg-none">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="search-form-area">
        <span class="hide-form">
            <i class="fas fa-times"></i>
        </span>
        <form class="search-form">
            <input type="text" placeholder="Search Here">
            <button type="submit"><i class="flaticon-search"></i></button>
        </form>
    </div>
    <!-- ==========Header Section Ends Here========== -->


    <!-- ==========Feature Section Starts Here========== -->
    <section class="banner-section-2 banner-overlay overlay-dark banner-overlay-lg-none bg_img" data-background="./assets/images/banner/banner-two1.jpg">
        <div class="container">
            <div class="banner-content-2">
                <h2 class="title">Digital Products For Business</h2>
                <p>Suspendisse tempus, tincidunt mattis, suspendisse vehicula eleifend urna. Lobortis sed dis volutpat sela</p>
                <div class="banner-buttons">
                    <a href="#0" class="custom-button">about us</a>
                    <a href="#0" class="custom-button active">contact us</a>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Feature Section Ends Here========== -->


    <!-- ==========Feature Section Starts Here========== -->
    <div class="feature-section padding-top padding-bottom">
        <div class="container">
            <div class="feature-slider owl-carousel owl-theme">
                <div class="feature-item">
                    <div class="feature-thumb">
                        <i class="flaticon-diagram"></i>
                    </div>
                    <div class="feature-content">
                        <h5 class="title">growth business</h5>
                        <p>Lorem ipsum dolor sit amet, difelis maecenas lectus ac, volutpat aurna ac. Vivamus dignissim sapa</p>
                    </div>
                </div>
                <div class="feature-item">
                    <div class="feature-thumb">
                        <i class="flaticon-checkmark"></i>
                    </div>
                    <div class="feature-content">
                        <h5 class="title">Fast Loan Approval</h5>
                        <p>Lorem ipsum dolor sit amet, difelis maecenas lectus ac, volutpat aurna ac. Vivamus dignissim sapa</p>
                    </div>
                </div>
                <div class="feature-item">
                    <div class="feature-thumb">
                        <i class="flaticon-headphone"></i>
                    </div>
                    <div class="feature-content">
                        <h5 class="title">Life Time Support</h5>
                        <p>Lorem ipsum dolor sit amet, difelis maecenas lectus ac, volutpat aurna ac. Vivamus dignissim sapa</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ==========Feature Section Ends Here========== -->


    <!-- ==========About Section Starts Here========== -->
    <section class="about-section padding-bottom-2">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="about-content">
                        <div class="section-header left-style">
                            <span class="cate">about us</span>
                            <h2 class="title">If You Can Think It, We Can Make It</h2>
                            <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec risus dapibus arcu, vestibulum at ipsum. Hendrerit eget sapien id, est hac vel massa elit sodales pulvinar, nulla ante </p>
                        </div>
                        <ul>
                            <li>Wretium in metus dolor vehicula</li>
                            <li>Faucibus arcu erat a phasellus</li>
                            <li>Mauris fringilla lectus est mattis ac elit.</li>
                            <li>Wretium in metus dolor vehicula</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-5 d-none d-lg-block">
                    <img src="../img/about/about.png" alt="about" class="w-100">
                </div>
            </div>
        </div>
    </section>
    <!-- ==========About Section Ends Here========== -->


    <!-- ==========Service Section Starts Here========== -->
    <section class="service-section padding-top-2 padding-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-9 col-lg-7">
                    <div class="section-header left-style">
                        <span class="cate">Our Services</span>
                        <h2 class="title">What We Do</h2>
                        <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec risus dapibus arcu, vestibulum at ipsum.</p>
                    </div>
                </div>
                <div class="col-md-3 col-lg-5">
                    <ul class="slider-nav justify-content-end">
                        <li class="slider-prev">
                            <i class="fas fa-angle-left"></i>
                        </li>
                        <li class="slider-next active">
                            <i class="fas fa-angle-right"></i>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="service-slider owl-theme owl-carousel">
                <div class="service-item-2">
                    <div class="service-thumb">
                        <i class="flaticon-startup"></i>
                    </div>
                    <div class="service-content">
                        <h5 class="title"><a href="service-details.html">Fast Loan Approval</a></h5>
                        <p> Pellentesque eleifend pumi odio metus praesent sodales vel. Imperdiet nibh at sed curabitur rutrum</p>
                    </div>
                </div>
                <div class="service-item-2">
                    <div class="service-thumb">
                        <i class="flaticon-analytics"></i>
                    </div>
                    <div class="service-content">
                        <h5 class="title"><a href="service-details.html">Advaced Accounting</a></h5>
                        <p> Pellentesque eleifend pumi odio metus praesent sodales vel. Imperdiet nibh at sed curabitur rutrum</p>
                    </div>
                </div>
                <div class="service-item-2">
                    <div class="service-thumb">
                        <i class="flaticon-piggybank"></i>
                    </div>
                    <div class="service-content">
                        <h5 class="title"><a href="service-details.html">Mutual Funds</a></h5>
                        <p> Pellentesque eleifend pumi odio metus praesent sodales vel. Imperdiet nibh at sed curabitur rutrum</p>
                    </div>
                </div>
                <div class="service-item-2">
                    <div class="service-thumb">
                        <i class="flaticon-puzzle"></i>
                    </div>
                    <div class="service-content">
                        <h5 class="title"><a href="service-details.html">Investment Planning</a></h5>
                        <p> Pellentesque eleifend pumi odio metus praesent sodales vel. Imperdiet nibh at sed curabitur rutrum</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Service Section Ends Here========== -->


    <!-- ==========Choose Section Starts Here========== -->
    <section class="choose-section section-bg-2 oh">
        <div class="container-fluid p-lg-0">
            <div class="row">
                <div class="col-lg-6 bg_img" data-background="./assets/images/about/choose-bg.jpg">
                </div>
                <div class="col-lg-6 padding-top padding-bottom">
                    <div class="choose-wrapper">
                        <div class="section-header left-style text-450-center">
                            <span class="cate">Choose Us</span>
                            <h2 class="title">Why Choose Us</h2>
                            <p>Posuere torquent, ligula vel fusce massa mauris magna euull nteger sed. Turpis varius arcu donec risus dapibus</p>
                        </div>
                        <div class="choose-item">
                            <div class="choose-thumb">
                                <i class="flaticon-diagram"></i>
                            </div>
                            <div class="choose-content">
                                <h5 class="title">First Working Process</h5>
                                <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus dignissim sapien amet vivamu</p>
                            </div>
                        </div>
                        <div class="choose-item">
                            <div class="choose-thumb">
                                <i class="flaticon-team"></i>
                            </div>
                            <div class="choose-content">
                                <h5 class="title">Dedicated Team</h5>
                                <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus dignissim sapien amet vivamu</p>
                            </div>
                        </div>
                        <div class="choose-item">
                            <div class="choose-thumb">
                                <i class="flaticon-headphone"></i>
                            </div>
                            <div class="choose-content">
                                <h5 class="title">24/7 Hours Support</h5>
                                <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus dignissim sapien amet vivamu</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Choose Section Ends Here========== -->


    <!-- ==========Project Section Starts Here========== -->
    <section class="project-section padding-top">
        <div class="container">
            <div class="section-header">
                <span class="cate">our project</span>
                <h2 class="title">Our Latest Project</h2>
                <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec risus dapibus arcu, vestibulum at ipsum.</p>
            </div>
            <div class="d-flex justify-content-center">
                <ul class="filter">
                    <li data-check="*" class="active">All</li>
                    <li data-check=".investment">Investment</li>
                    <li data-check=".financial">Financial</li>
                    <li data-check=".marketing">Marketing</li>
                    <li data-check=".branding">Branding</li>
                </ul>
            </div>
            <div class="project-area type-2">
                <div class="project-item financial marketing">
                    <div class="project-inner">
                        <div class="project-thumb">
                            <img src="../img/project/project7.jpg" alt="project">
                        </div>
                        <div class="project-content">
                            <div class="content">
                                <span class="info">Business</span>
                                <h6 class="title">Investment Planning</h6>
                                <a href="#0" class="read-button">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="project-item investment branding">
                    <div class="project-inner">
                        <div class="project-thumb">
                            <img src="../img/project/project8.jpg" alt="project">
                        </div>
                        <div class="project-content">
                            <div class="content">
                                <span class="info">Business</span>
                                <h6 class="title">Investment Planning</h6>
                                <a href="#0" class="read-button">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="project-item financial branding">
                    <div class="project-inner">
                        <div class="project-thumb">
                            <img src="../img/project/project9.jpg" alt="project">
                        </div>
                        <div class="project-content">
                            <div class="content">
                                <span class="info">Business</span>
                                <h6 class="title">Investment Planning</h6>
                                <a href="#0" class="read-button">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="project-item investment marketing style-2">
                    <div class="project-inner">
                        <div class="project-thumb">
                            <img src="../img/project/project10.jpg" alt="project">
                        </div>
                        <div class="project-content">
                            <div class="content">
                                <span class="info">Business</span>
                                <h6 class="title">Investment Planning</h6>
                                <a href="#0" class="read-button">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="project-item financial branding">
                    <div class="project-inner">
                        <div class="project-thumb">
                            <img src="../img/project/project11.jpg" alt="project">
                        </div>
                        <div class="project-content">
                            <div class="content">
                                <span class="info">Business</span>
                                <h6 class="title">Investment Planning</h6>
                                <a href="#0" class="read-button">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="project-item investment marketing">
                    <div class="project-inner">
                        <div class="project-thumb">
                            <img src="../img/project/project12.jpg" alt="project">
                        </div>
                        <div class="project-content">
                            <div class="content">
                                <span class="info">Business</span>
                                <h6 class="title">Investment Planning</h6>
                                <a href="#0" class="read-button">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="project-item investment branding style-2">
                    <div class="project-inner">
                        <div class="project-thumb">
                            <img src="../img/project/project13.jpg" alt="project">
                        </div>
                        <div class="project-content">
                            <div class="content">
                                <span class="info">Business</span>
                                <h6 class="title">Investment Planning</h6>
                                <a href="#0" class="read-button">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Project Section Ends Here========== -->


    <!-- ==========Mission Section Starts Here========== -->
    <div class="mission-vission padding-top">
        <div class="container">
            <div class="row mx-0">
                <div class="col-lg-6 p-0">
                    <div class="mission-wrapper bg_theme cl-white">
                        <div class="mission-thumb">
                            <img src="../img/about/mission.png" alt="about">
                        </div>
                        <h4 class="title">Our Mission</h4>
                        <p>Lorem ipsum dolor sit amet, dolor vel neque praesent semper morbi metus. Ipsum vel feugiat nullam malesuada eget, sed dignissiquisque sollicitudin. Enim consequat proin pretium ultrices aenean, vestibulum ipsum a, aliquet proin quis arcu dui eget, donec enim. Faucibus adipi</p>
                        <p>scing tempor dui aut in et, facilisis ut eu mauris eu. Nisl elit nam hendrerit elementum viverra. Eget tellus, euismod sem, gravida aenean, molestie risus est lacus libero</p>
                    </div>
                </div>
                <div class="col-lg-6 p-0">
                    <div class="vission-wrapper section-bg-3">
                        <div class="vission-thumb">
                            <img src="../img/about/vission.png" alt="about">
                        </div>
                        <h4 class="title">Our Mission</h4>
                        <p>Lorem ipsum dolor sit amet, dolor vel neque praesent semper morbi metus. Ipsum vel feugiat nullam malesuada eget, sed dignissiquisque sollicitudin. Enim consequat proin pretium ultrices aenean, vestibulum ipsum a, aliquet proin quis arcu dui eget, donec enim. Faucibus adipi</p>
                        <p>scing tempor dui aut in et, facilisis ut eu mauris eu. Nisl elit nam hendrerit elementum viverra. Eget tellus, euismod sem, gravida aenean, molestie risus est lacus libero</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ==========Mission Section Ends Here========== -->


    <!-- ==========Team Section Starts Here========== -->
    <section class="team-section padding-top">
        <div class="container">
            <div class="section-header">
                <span class="cate">Dedicated Team</span>
                <h2 class="title">Our Expert Advisor</h2>
                <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec risus dapibus arcu, vestibulum at ipsum.</p>
            </div>
            <div class="row justify-content-center mb-30-none">
                <div class="col-lg-4 col-sm-6">
                    <div class="team-item-2">
                        <div class="team-thumb">
                            <a href="#0"><img src="../img/team/team5.jpg" alt="team"></a>
                            <ul class="team-social-two">
                                <li>
                                    <a href="#0"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-twitter"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="team-content">
                            <div class="content">
                                <h6 class="title"><a href="#0">Hera Rahman</a></h6>
                                <span>Advisor</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="team-item-2">
                        <div class="team-thumb">
                            <a href="#0"><img src="../img/team/team6.jpg" alt="team"></a>
                            <ul class="team-social-two">
                                <li>
                                    <a href="#0"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-twitter"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="team-content">
                            <div class="content">
                                <h6 class="title"><a href="#0">Panna Rahman</a></h6>
                                <span>Advisor</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="team-item-2">
                        <div class="team-thumb">
                            <a href="#0"><img src="../img/team/team7.jpg" alt="team"></a>
                            <ul class="team-social-two">
                                <li>
                                    <a href="#0"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-linkedin-in"></i></a>
                                </li>
                                <li>
                                    <a href="#0"><i class="fab fa-twitter"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="team-content">
                            <div class="content">
                                <h6 class="title"><a href="#0">Raihan Rahman</a></h6>
                                <span>Advisor</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Team Section Ends Here========== -->



    <!-- ==========Pricing Section Starts Here========== -->
    <section class="pricing-section padding-bottom padding-top">
        <div class="container">
            <div class="section-header">
                <span class="cate">Best Pricing</span>
                <h2 class="title">Check our Pricing Plan</h2>
                <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec risus dapibus arcu, vestibulum at ipsum.</p>
            </div>
            <div class="row justify-content-center mb-30-none">
                <div class="col-lg-4 col-sm-10 col-md-6">
                    <div class="pricing-item-2">
                        <span class="cate">free</span>
                        <div class="d-flex justify-content-center">
                            <div class="thumb">
                                <img src="../img/pricing/1.png" alt="pricing">
                            </div>
                        </div>
                        <h2 class="title">$00.00</h2>
                        <div class="pricing-body">
                            <ul>
                                <li>Up To 1 Exports</li>
                                <li>30 Day Validity</li>
                                <li>Limited Coustomization</li>
                                <li>24/7 Support</li>
                            </ul>
                            <a href="#0" class="read-button active">get now</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-10 col-md-6">
                    <div class="pricing-item-2">
                        <span class="cate">business</span>
                        <div class="d-flex justify-content-center">
                            <div class="thumb">
                                <img src="../img/pricing/2.png" alt="pricing">
                            </div>
                        </div>
                        <h2 class="title">$80.99</h2>
                        <div class="pricing-body">
                            <ul>
                                <li>Up To 1 Exports</li>
                                <li>30 Day Validity</li>
                                <li>Limited Coustomization</li>
                                <li>24/7 Support</li>
                            </ul>
                            <a href="#0" class="read-button active">get now</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-10 col-md-6">
                    <div class="pricing-item-2">
                        <span class="cate">pro</span>
                        <div class="d-flex justify-content-center">
                            <div class="thumb">
                                <img src="../img/pricing/3.png" alt="pricing">
                            </div>
                        </div>
                        <h2 class="title">$99.00</h2>
                        <div class="pricing-body">
                            <ul>
                                <li>Up To 1 Exports</li>
                                <li>30 Day Validity</li>
                                <li>Limited Coustomization</li>
                                <li>24/7 Support</li>
                            </ul>
                            <a href="#0" class="read-button active">get now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Pricing Section Ends Here========== -->


    <!-- ==========Counter Section Starts Here========== -->
    <section class="counter-section bg_img" data-background="./assets/images/counter/counter-bg.png">
        <div class="container">
            <div class="counter-wrapper">
                <div class="counter-item">
                    <div class="counter-header">
                        <h2 class="title odometer" data-odometer-final="30">0</h2>
                    </div>
                    <p>Years of Experience</p>
                </div>
                <div class="counter-item">
                    <div class="counter-header">
                        <h2 class="title odometer" data-odometer-final="45">0</h2>
                        <h2 class="title">+</h2>
                    </div>
                    <p>Expert Consultants</p>
                </div>
                <div class="counter-item">
                    <div class="counter-header">
                        <h2 class="title odometer" data-odometer-final="256">0</h2>
                        <h2 class="title">+</h2>
                    </div>
                    <p>Activated Clients</p>
                </div>
                <div class="counter-item">
                    <div class="counter-header">
                        <h2 class="title odometer" data-odometer-final="14">0</h2>
                        <h2 class="title">k</h2>
                    </div>
                    <p>Project Finished</p>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Counter Section Ends Here========== -->


    <!-- ==========Faq Section Starts Here========== -->
    <section class="faq-section padding-top">
        <div class="container">
            <div class="section-header">
                <span class="cate">FAQs</span>
                <h2 class="title">Asked Questions</h2>
                <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec risus dapibus arcu, vestibulum at ipsum.</p>
            </div>
            <div class="row">
                <div class="col-lg-6 d-none d-lg-block">
                    <img class="w-100" src="../img/faq/faq2.png" alt="faq">
                </div>
                <div class="col-lg-6">
                    <div class="faq-wrapper">
                        <div class="faq-item open">
                            <div class="faq-title">
                                <h6 class="title">Best Business Advices</h6>
                                <div class="right-icon">
                                    <i class="fas fa-angle-down"></i>
                                </div>
                            </div>
                            <div class="faq-content" style="display: block;">
                                <p>
                                    Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                                </p>
                            </div>
                        </div>
                        <div class="faq-item active">
                            <div class="faq-title">
                                <h6 class="title">Morbi massa integer dolor consect ?</h6>
                                <div class="right-icon">
                                    <i class="fas fa-angle-down"></i>
                                </div>
                            </div>
                            <div class="faq-content" style="display: none;">
                                <p>
                                    Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                                </p>
                            </div>
                        </div>
                        <div class="faq-item">
                            <div class="faq-title">
                                <h6 class="title">Citae interdum ullamcorper turpis</h6>
                                <div class="right-icon">
                                    <i class="fas fa-angle-down"></i>
                                </div>
                            </div>
                            <div class="faq-content">
                                <p>
                                    Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                                </p>
                            </div>
                        </div>
                        <div class="faq-item">
                            <div class="faq-title">
                                <h6 class="title">Auctor diam sollicitudin tellus ullamco ?</h6>
                                <div class="right-icon">
                                    <i class="fas fa-angle-down"></i>
                                </div>
                            </div>
                            <div class="faq-content">
                                <p>
                                    Mas turpis vestibulum sed. Sem eleifend rhoncus phasellus contetuer magnis in. Ornare sed nibh elit enim, pellentesque dolor, nusit, massa est turpis arcu et nec, sagittis euismod arcu faucibus. Sapien doloaean vitae ante arcu sagittis vestibulum doloribus
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Faq Section Ends Here========== -->


    <!-- ==========Company Info Section Starts Here========== -->
    <section class="company-section padding-top">
        <div class="container">
            <div class="row">
                <div class="col-md-9 col-lg-7">
                    <div class="section-header left-style">
                        <span class="cate">History</span>
                        <h2 class="title">our company History</h2>
                        <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec risus dapibus arcu, vestibulum at ipsum.</p>
                    </div>
                </div>
                <div class="col-md-3 col-lg-5">
                    <ul class="slider-nav justify-content-end">
                        <li class="slider-prev">
                            <i class="fas fa-angle-left"></i>
                        </li>
                        <li class="slider-next active">
                            <i class="fas fa-angle-right"></i>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="company-slider owl-theme owl-carousel">
                <div class="company-item">
                    <h5 class="title">1990</h5>
                    <span class="info">start up</span>
                    <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus dignissim sapien amet vivamu</p>
                </div>
                <div class="company-item">
                    <h5 class="title">2000</h5>
                    <span class="info">Finance Investment</span>
                    <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus dignissim sapien amet vivamu</p>
                </div>
                <div class="company-item">
                    <h5 class="title">2010</h5>
                    <span class="info">our grouth</span>
                    <p>Lorem ipsum dolor sit amet, diam felis maecenas lectus ac, volutpat arcu, urna ac. Vivamus dignissim sapien amet vivamu</p>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Company Info Section Ends Here========== -->


    <!-- ==========Client Section Starts Here========== -->
    <section class="client-section padding-top">
        <div class="container">
            <div class="section-header">
                <span class="cate">happy client</span>
                <h2 class="title">customer feedback</h2>
                <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec risus dapibus arcu, vestibulum at ipsum.</p>
            </div>
            <div class="client-slider owl-theme owl-carousel">
                <div class="client-item-2">
                    <div class="client-thumb">
                        <div class="thumb">
                            <a href="#0"><img src="../img/client/client2.png" alt="client"></a>
                        </div>
                    </div>
                    <div class="client-content">
                        <h6 class="title">panna rahman</h6>
                        <span class="info">CEO - HP company</span>
                        <p>Neque nunc phasellus nulla pharetra massa libero. Sed enim enim magnis consequuntur, nisl neque </p>
                        <div class="ratings">
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                        </div>
                    </div>
                </div>
                <div class="client-item-2">
                    <div class="client-thumb">
                        <div class="thumb">
                            <a href="#0"><img src="../img/client/client3.png" alt="client"></a>
                        </div>
                    </div>
                    <div class="client-content">
                        <h6 class="title">raihan rahman</h6>
                        <span class="info">CEO - HP company</span>
                        <p>Neque nunc phasellus nulla pharetra massa libero. Sed enim enim magnis consequuntur, nisl neque </p>
                        <div class="ratings">
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                        </div>
                    </div>
                </div>
                <div class="client-item-2">
                    <div class="client-thumb">
                        <div class="thumb">
                            <a href="#0"><img src="../img/client/client1.png" alt="client"></a>
                        </div>
                    </div>
                    <div class="client-content">
                        <h6 class="title">hera rahman</h6>
                        <span class="info">CEO - HP company</span>
                        <p>Neque nunc phasellus nulla pharetra massa libero. Sed enim enim magnis consequuntur, nisl neque </p>
                        <div class="ratings">
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                            <span class="fas fa-star"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Client Section Ends Here========== -->


    <!-- ==========Blog Section Starts Here========== -->
    <section class="blog-section padding-bottom padding-top">
        <div class="container">
            <div class="section-header">
                <span class="cate">our blog</span>
                <h2 class="title">our Latest news</h2>
                <p>Posuere torquent, ligula vel fusce massa mauris magna eu. Nulla integer sed. Turpis varius arcu donec risus dapibus arcu, vestibulum at ipsum.</p>
            </div>
            <div class="row m-0 justify-content-center">
                <div class="post-item-1">
                    <div class="post-thumb bg_img" data-background="./assets/images/blog/blog3.jpg">
                        <a href="#0"><img src="../img/blog/blog3.jpg" alt="blog"></a>
                        <div class="post-date">
                            <span class="date">23</span>
                            <span class="mon">Dec</span>
                        </div>
                    </div>
                    <div class="post-content">
                        <h6 class="title"><a href="#0">Phasellus ipsum dolor auctor</a></h6>
                        <span class="line"></span>
                        <p>Lorem ipsum dolor sit amet, wisi pulvinar amet in fringilla, nisl aliquam quis hendrerit avida. Etiam etiam, in fermentum  </p>
                        <a href="#0" class="read"><i class="flaticon-right"></i></a>
                    </div>
                </div>
                <div class="post-item-1">
                    <div class="post-thumb bg_img" data-background="./assets/images/blog/blog2.jpg">
                        <a href="#0"><img src="../img/blog/blog2.jpg" alt="blog"></a>
                        <div class="post-date">
                            <span class="date">23</span>
                            <span class="mon">Dec</span>
                        </div>
                    </div>
                    <div class="post-content">
                        <h6 class="title"><a href="#0">Massa suspendisse pede phas</a></h6>
                        <span class="line"></span>
                        <p>Lorem ipsum dolor sit amet, wisi pulvinar amet in fringilla, nisl aliquam quis hendrerit avida. Etiam etiam, in fermentum  </p>
                        <a href="#0" class="read"><i class="flaticon-right"></i></a>
                    </div>
                </div>
                <div class="post-item-1">
                    <div class="post-thumb bg_img" data-background="./assets/images/blog/blog1.jpg">
                        <a href="#0"><img src="../img/blog/blog1.jpg" alt="blog"></a>
                        <div class="post-date">
                            <span class="date">23</span>
                            <span class="mon">Dec</span>
                        </div>
                    </div>
                    <div class="post-content">
                        <h6 class="title"><a href="#0">Suspendisse quam uscipit retra </a></h6>
                        <span class="line"></span>
                        <p>Lorem ipsum dolor sit amet, wisi pulvinar amet in fringilla, nisl aliquam quis hendrerit avida. Etiam etiam, in fermentum  </p>
                        <a href="#0" class="read"><i class="flaticon-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==========Blog Section Ends Here========== -->


    <!-- ==========Sponsor Section Starts Here========== -->
    <div class="sponsor-section padding-bottom">
        <div class="container">
            <div class="sponsor-slider owl-theme owl-carousel">
                <div class="sponsor-item">
                    <img src="../img/sponsor/client1.png" alt="sponsor">
                </div>
                <div class="sponsor-item">
                    <img src="../img/sponsor/client2.png" alt="sponsor">
                </div>
                <div class="sponsor-item">
                    <img src="../img/sponsor/client3.png" alt="sponsor">
                </div>
                <div class="sponsor-item">
                    <img src="../img/sponsor/client5.png" alt="sponsor">
                </div>
                <div class="sponsor-item">
                    <img src="../img/sponsor/client6.png" alt="sponsor">
                </div>
            </div>
        </div>
    </div>
    <!-- ==========Sponsor Section Ends Here========== -->


    <!-- ==========Footer Section Starts Here========== -->
    <footer class="dark-footer">
        <div class="container">
            <div class="footer-top">
                <div class="footer-wrapper">
                    <div class="footer-widget widget-about">
                        <div class="footer-logo">
                            <a href="index.html"><img src="../img/logo/footer-logo2.png" alt="logo"></a>
                        </div>
                        <p>Senectus nunc volutpat sed at fusce, varius nulla orci luctus, ac ultricies ipsum aliquam bibendum felis, platea erat sit. Est dolor</p>
                        <div class="footer-contact">
                            <a href="Tel:0123654789" class="call">2222 - 3333 - 666</a>
                            <a href="Mailto:demo@gmai.com" class="mail"><span class="__cf_email__" data-cfemail="94f0f1f9fbd4f3f9f5fdbaf7fbf9">[email&#160;protected]</span></a>
                        </div>
                    </div>
                    <div class="footer-widget widget-link">
                        <h5 class="title">Our Quick Link</h5>
                        <ul>
                            <li>
                                <a href="#0">Professional Team</a>
                            </li>
                            <li>
                                <a href="#0">Support</a>
                            </li>
                            <li>
                                <a href="#0">Pricing</a>
                            </li>
                            <li>
                                <a href="#0">Privacy Policy</a>
                            </li>
                            <li>
                                <a href="#0">Services</a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-widget widget-link">
                        <h5 class="title">Company</h5>
                        <ul>
                            <li>
                                <a href="#0">Web Design</a>
                            </li>
                            <li>
                                <a href="#0">Our History</a>
                            </li>
                            <li>
                                <a href="#0">Our Services</a>
                            </li>
                            <li>
                                <a href="#0">Become A Member</a>
                            </li>
                            <li>
                                <a href="#0">Appointment</a>
                            </li>
                            <li>
                                <a href="#0">Our Support Team</a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-widget widget-link">
                        <h5 class="title">My Account</h5>
                        <ul>
                            <li>
                                <a href="#0">About Us</a>
                            </li>
                            <li>
                                <a href="#0">My Account</a>
                            </li>
                            <li>
                                <a href="#0">Privacy Policy</a>
                            </li>
                            <li>
                                <a href="#0">Sign In </a>
                            </li>
                            <li>
                                <a href="#0">Information</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="footer-bottom-wrapper">
                    <div class="item">
                        <p class="m-0">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                    </div>
                    <ul class="item">
                        <li>
                            <a href="#0">Home</a>
                        </li>
                        <li>
                            <a href="#0">About Us</a>
                        </li>
                        <li>
                            <a href="#0">News</a>
                        </li>
                        <li>
                            <a href="#0">Contact Us</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <!-- ==========Footer Section Ends Here========== -->

    
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../js/modernizr-3.6.0.min.js"></script>
    <script src="../js/plugins.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/isotope.pkgd.min.js"></script>
    <script src="../js/magnific-popup.min.js"></script>
    <script src="../js/wow.min.js"></script>
    <script src="../js/viewport.jquery.js"></script>
    <script src="../js/odometer.min.js"></script>
    <script src="../js/nice-select.js"></script>
    <script src="../js/owl.min.js"></script>
    <script src="../js/main.js"></script>
</body>

</html>